<?php require_once('Conexiones/conexion.php'); ?>
<?php
	
	
	$recordID = $_GET['recordID'];
	
	//coge el parámetro para ver si viene de Bambu. Cambiar display de formulario, etc.
	if (stripos($_SERVER['HTTP_REFERER'], "bambu") != false){
		 $display = 'block';
		 $bambu = "bambu";
	}
	else $display = 'none';
		
	$query_detalle = "SELECT * FROM animales WHERE id_animal='$recordID' LIMIT 1";
    $detalle = mysqli_query($conexion, $query_detalle);
    $row_detalle = mysqli_fetch_assoc($detalle);
    
    //numero de imagenes y vídeos
    $query_img = "SELECT ruta_img FROM imagenes_animales WHERE id_animal = '$recordID'";
    $img = mysqli_query($conexion, $query_img);
    $numImgs = mysqli_num_rows($img);
    $query_video = "SELECT ruta_v FROM videos_animales WHERE id_animal = '$recordID'";
    $video = mysqli_query($conexion, $query_video);
    $numVideo = mysqli_num_rows($video);

    //para mostrar la imagen principal
    $query_ppal = "SELECT ruta_img FROM imagenes_animales WHERE id_animal = '$recordID' AND imagen_ppal=1";
    $ppal = mysqli_query($conexion, $query_ppal);
    $row_ppal = mysqli_fetch_assoc($ppal);
    //para poner imagen predefinida si no existe
        if($row_ppal['ruta_img']==""){
            $row_ppal['ruta_img'] = "Imagenes/perros/no_foto.jpg";
        }
	
    //para mostrar imagen adoptado --> imagen_ppal = 2;
    $rand = date ("j");
    $query_img_adopt = "SELECT ruta_img FROM imagenes_animales WHERE id_animal = '$recordID' AND imagen_ppal = 2 ORDER BY rand($rand)";
    $img_adopt = mysqli_query($conexion, $query_img_adopt);
    $row_img_adopt = mysqli_fetch_assoc($img_adopt);
    //para poner imagen predefinida si no existe
        if($row_img_adopt['ruta_img']==""){
            $row_img_adopt['ruta_img'] = "Imagenes/perros/no_foto_adop.jpg";
        }

	include('Funciones/cambio_formatos.php');
	?>
	
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
	<head>
        <title><?=tituloDetalleAnimal($row_detalle['especie'], $row_detalle['nombre'], $row_detalle['estado']);?></title>

        <link rel="shortcut icon" href="Imagenes/favicon.ico" />
		 <!-- para las URL friendly -->
        <link rel="canonical" href="http://www.almanimal.org/adoptar-perro/<?=$recordID?>" />
       	<base href="http://www.almanimal.org/" />
        <link rel="image_src" href="http://www.almanimal.org/<?=$row_ppal['ruta_img']?>" /> 
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="description" content="Teléfono adopción: 619 461 394, Email: info@almanimal.org - <?=cortar_string($row_detalle['descripcion'],200)?>" />

        <meta property="og:title" content="<?=tituloDetalleAnimal($row_detalle['especie'], $row_detalle['nombre'], $row_detalle['estado'])?>"/>
        <meta property="og:type" content="cause"/>
        <meta property="og:url" content="http://www.almanimal.org/adoptar-perro/<?=$row_detalle['id_animal']?>"/>
        <meta property="og:image" content="http://www.almanimal.org/<?=$row_ppal['ruta_img']?>"/>
        <meta property="og:site_name" content="Asociaci&oacute;n Almanimal"/>
        <!--<meta property="fb:admins" content="693289822, 100000747712259"/>
        <meta property="fb:app_id" content="293768066727"/>-->
        <meta property="og:locale" content="es_ES" />
        
       <meta property="og:description" content="Teléfono adopción: 619 461 394, Email: info@almanimal.org - <?=cortar_string($row_detalle['descripcion'],200)?>"/>
      
        <meta itemprop="name" content="<?=tituloDetalleAnimal($row_detalle['especie'], $row_detalle['nombre'], $row_detalle['estado'])?>">
        <meta itemprop="description" content="Teléfono adopción: 619 461 394, Email: info@almanimal.org - <?=cortar_string($row_detalle['descripcion'],200)?>">
        <meta itemprop="image" content="http://www.almanimal.org/<?=$row_ppal['ruta_img']?>">
       <!-- <script type="text/javascript">
        window.google_analytics_uacct = "UA-5863694-2";
        </script>
        <link href="https://plus.google.com/113315058681159049457" rel="publisher" /> -->
         
		<link href="estilos/style_gral.css" rel="stylesheet" type="text/css" />
        <link href="estilos/ribbon-diagonal.css" rel="stylesheet" type="text/css" />
        <link href="estilos/descripcion_style.css" rel="stylesheet" type="text/css" />
        <link href="estilos/grupo_imagenes3.css" rel="stylesheet" type="text/css" />
        <link href="estilos/ayuda_style.css" rel="stylesheet" type="text/css" />
        <link href="estilos/formularios.css" rel="stylesheet" type="text/css" />

        <link href='http://fonts.googleapis.com/css?family=Aguafina+Script' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Great+Vibes|Yellowtail' rel='stylesheet' type='text/css'>

        <script src="http://www.esgrimamadrid.com/js/modernizr.total.custom.16388.js"></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script type="text/javascript">
			//necesita style="display:none" en el elemento que aparece y desaparece.
			function aparecer(idelemento){
				elem = document.getElementById(idelemento).style;
				if(elem.display=='none'){
					elem.display='block';
				}else{
					elem.display='none';
				}
			}
		</script>
        
        <script type="text/javascript" src="js/validar_formularios.js"></script>
		
	</head>
	<body>
		<? include('cabecera_menu.php'); ?>
		<section id="principal-descripcion">

        <!-- para estado en adopción y en el cielo -->
        <? if ($row_detalle['estado'] == 0 || $row_detalle['estado'] == 2){ ?>


        	<div id="grupo-fotos">
                <figure class="foto-polaroid">
                    <img class="polaroid" src="<?=$row_ppal['ruta_img']?>" />
                    <figcaption class="letra-polaroid">
						<? echo $numImgs. " fotos "; 
							if ($numVideo != 0) echo "y ".$numVideo." vídeos";
						?>
                    </figcaption>
                </figure>        
        		<div class="clear"></div>
            	<a href="imagenes/<?=$recordID?>-<?=cambioURL($row_detalle['nombre'])?>-<?=mostrarAnimal($row_detalle['especie'])?>-en-adopcion"><div class="boton-gral boton-naranja boton-fotos">Ver + fotos </div></a>
            </div>
            
            <div class="post-it">
                <? 
                    if($row_detalle['estado'] == 1){
                        echo '<div class="sello2">
                                <div class="sello-letra">'.cambiarMesCompleto($row_detalle['fecha_estado'], $row_detalle['sexo']).'</div>
                            </div>';
                    }else{
                        if ($row_detalle['apadrinado'] == 1){ 
                            echo' <div class="sello">
                                    <div class="sello-letra">Apadrinado por:<br />'.strtoupper($row_detalle['nombre_padrino']).'</div>
                                </div>';
                        }
                    }
                ?>
    
                <h1 class="nombre-ppal"><?=$row_detalle['nombre']?></h1>
               
               	<? $datos =  "Sexo:<br />";
                    $datos_detalle = $row_detalle['sexo']."<br />";
                if ($row_detalle['tamanno'] != null && $row_detalle['tamanno'] != ""){
                    $datos .= "Tamaño:<br />";
                    $datos_detalle .= $row_detalle['tamanno']."<br />";
                }
                if ($row_detalle['mestizo'] == 0 && $row_detalle['raza1'] != "" || $row_detalle['mestizo'] == 1){
                    $datos .= "Raza:<br />";
                    $datos_detalle .= razaPerro($row_detalle['mestizo'], $row_detalle['raza1'],$row_detalle['raza2'])."<br />";
                }
                if ($row_detalle['fecha_nac'] != null && $row_detalle['fecha_nac'] != "0000-00-00"){
                    $datos .= "Fecha Nac.:<br />";
                    $datos_detalle .= cambiarFormatoFecha($row_detalle['fecha_nac'])."<br />";
                }
                //la edad se incluye siempre
                 $datos .= "Edad:<br />";
                 $datos_detalle .= calculaEdad($row_detalle['fecha_nac']) ."<br />";

                if ($row_detalle['peso'] != null && $row_detalle['peso'] != 0.000){
                    $datos .= "Peso:<br />";
                    $datos_detalle .= $row_detalle['peso']." kg <br />";
                }
                if ($row_detalle['alzada'] != null && $row_detalle['alzada'] != 0){
                    $datos .= "Alzada:";
                    $datos_detalle .= $row_detalle['alzada']." cm";
                }
                ?>
               
                <div class="datos"><p class="clave"><?=$datos;?></p></div>
                <div class="datos-detalle"><?=$datos_detalle;?></div>

                <div class="compatible clear">
                	<img alt="<?=compatibleTexto($row_detalle['comp_dif'])?> con gatos" title="<?=compatibleTexto($row_detalle['comp_dif'])?> con gatos" src="Imagenes/web/ficha/gato_<?=compatibleImag($row_detalle['comp_dif'])?>.png" />
                	<img alt="<?=compatibleTexto($row_detalle['comp_macho'])?> con machos" title="<?=compatibleTexto($row_detalle['comp_macho'])?> con machos" src="Imagenes/web/ficha/perro_<?=compatibleImag($row_detalle['comp_macho'])?>.png" />
                    <img alt="<?=compatibleTexto($row_detalle['comp_hembra'])?> con hembras" title="<?=compatibleTexto($row_detalle['comp_hembra'])?> con hembras" src="Imagenes/web/ficha/perro_hem_<?=compatibleImag($row_detalle['comp_hembra'])?>.png" />
					<img alt="<?=compatibleTexto($row_detalle['comp_ninos'])?> con niños" title="<?=compatibleTexto($row_detalle['comp_ninos'])?> con niños" src="Imagenes/web/ficha/ninos_<?=compatibleImag($row_detalle['comp_ninos'])?>.png" />
                    <img alt="<?=compatibleTexto($row_detalle['comp_peque'])?> con pequeños animales" title="<?=compatibleTexto($row_detalle['comp_peque'])?> con pequeños animales" src="Imagenes/web/ficha/peque_<?=compatibleImag($row_detalle['comp_peque'])?>.png" />
                </div>
            </div> 
                
            <div class="clear"></div>
            
            <? if($row_detalle['estado'] == 0){ ?>
            <div id=botones-perro style="position:relative; left:40%; top:1em; width:50%">
                <a href="apadrina.php#formApad"><div class="boton-gral boton-azul boton-fotos">Apadrinar</div></a>
                <a href="http://www.almanimal.org/adoptar-perro/<?=$recordID?>#formAdopta" onclick="aparecer('formAdopta')"><div class="boton-gral boton-azul">Adoptar</div></a>
                
                <? if ($row_detalle['acogida'] == 0){ ?>
                <a href="casa_acogida.php#formAcog"><div class="boton-gral boton-azul" style="margin-left:9em; margin-top:1em;">Acoger</div></a>
                <? } else { ?>                
                <a href="#" title="Espera un HOGAR DEFINITIVO"><div class="boton-gral boton-naranja" style="float:left; margin-left:11em; margin-top:1em; font-size:1.2em">Ya est&aacute; acogido</div></a>
                
                <? } ?>

                <div class="clear"></div>
            
             </div> 
             
             <? } // en del if estado = 0 para boton adopcion?>  
                <div class="explicacion-grande" id="formAdopta" style="display:<?=$display?>; width:60%;">

					<form class="form-grande" method="post" action="Funciones/enviar_email_formulario.php" onsubmit="return formCompleto(); ">
                    	<input type="hidden" name="titulo" value="adopcion" />
                        <input type="hidden" name="bambu" value="<?=$bambu?>" />
                    	<input type="hidden" name="nombreP" value="<?=strtoupper($row_detalle['nombre'])?>" />

                        <fieldset class="datos-personales">
                        	<legend>Solicitud de Adopci&oacute;n de <?=strtoupper($row_detalle['nombre'])?></legend>
                            
                            <label for="nombreCompleto">Nombre y Apellidos:</label>
                            <input type="text" name="nombreCompleto" id="nombreCompleto" value="Nombre Completo" style="color:#ccc" onFocus="quitarDeterminado('nombreCompleto', 'Nombre Completo');" onBlur="determinado('nombreCompleto', 'Nombre Completo'); validarTextos(this, 'Nombre Completo', 'oknom', 'wrnom')" onkeypress="return pulsar(event)" />
                            <img src="Imagenes/web/form_ok.png" style="display:none; margin:0; padding:0; float:right;" id="oknom" />
                            <img src="Imagenes/web/form_wrong.png" style="display:none; margin:0; padding:0; float:right;" id="wrnom" />
                
                                                        
                            <label for="telefono">Tfno de Contacto:</label>
                            <input type="text" name="telefono" id="telefono" value="123456789" style="color:#ccc" onFocus="quitarDeterminado('telefono', 123456789);" onBlur="determinado('telefono', 123456789); validarTfno(this)" onkeypress="return pulsar(event)"  />
                            <img src="Imagenes/web/form_ok.png" style="display:none; margin:0; padding:0; float:right" id="oktfno" />
                            <img src="Imagenes/web/form_wrong.png" style="display:none; margin:0; padding:0; float:right" id="wrtfno" />
                
                            
                            <label for="email">Correo Electr&oacute;nico:</label>
                            <input type="text" name="email" id="email" value="mail@example.com" style="color:#ccc" onFocus="quitarDeterminado('email', 'mail@example.com');" onBlur="determinado('email', 'mail@example.com'); validarEmail(this)" onkeypress="return pulsar(event)" />
                            <img src="Imagenes/web/form_ok.png" style="display:none; margin:0; padding:0; float:right" id="okmail" />
                            <img src="Imagenes/web/form_wrong.png" style="display:none; margin:0; padding:0; float:right" id="wrmail" />
                            
                            <label for="poblacion">Ciudad de Residencia:</label>
                            <input type="text" name="poblacion"  id="poblacion" value="Ciudad, Provincia" style="color:#ccc" onFocus="quitarDeterminado('poblacion', 'Ciudad, Provincia');" onBlur="determinado('poblacion', 'Ciudad, Provincia'); validarTextos(this, 'Ciudad, Provincia', 'okciudad', 'wrciudad')" onkeypress="return pulsar(event)" />
                            <img src="Imagenes/web/form_ok.png" style="display:none; margin:0; padding:0; float:right" id="okciudad" />
                            <img src="Imagenes/web/form_wrong.png" style="display:none; margin:0; padding:0; float:right" id="wrciudad" />
                             
                            <label style="margin-top:1.5em">Mensaje:</label>
                            <textarea name="observaciones"></textarea>
                            
                            <input id="boton-envio" type="submit" value="ENVIAR" />
                        </fieldset>
                    </form>  
				</div> 
                              
                
			     <div id="descripcion-gral">
				    <? echo nl2br($row_detalle['descripcion']); 
                    //fin para en adopción o en el cielo
                    //inicio adoptados

             } else if ($row_detalle['estado'] == 1){ ?>
                <div id="grupo-fotos" style="width:100%">
                    <figure class="foto-polaroid" style="float:left; margin-right:0">
                        <img class="polaroid" src="<?=$row_ppal['ruta_img']?>" />
                        <figcaption class="letra-polaroid">
                            En Almanimal
                        </figcaption>
                    </figure>        
                    
                     <figure class="foto-polaroid" style="float:right">
                        <img class="polaroid" src="<?=$row_img_adopt['ruta_img']?>" />
                        <figcaption class="letra-polaroid">
                            Final Feliz
                        </figcaption>
                    </figure>  
                </div>
                
                     <div class="clear"></div>         
                
                <div id="descripcion-gral" style="font-size:2em">
                    <?=strtoupper($row_detalle['nombre']). ", ".cambiarMesCompleto($row_detalle['fecha_estado'], $row_detalle['sexo']) ?> 
             <? } //fin página adoptados ?>
 
            <!-- Parte común compartir  historia y zooplus -->
                
                <!-- Start Shareaholic Sexy Bookmark HTML-->
                <div style="margin-top:2em" class='shareaholic-canvas' data-app='share_buttons' data-app-id='284059'></div>
                
				<script type="text/javascript">
                //<![CDATA[
                  (function() {
                    var shr = document.createElement('script');
                    shr.setAttribute('data-cfasync', 'false');
                    shr.src = '//dsms0mj1bbhn4.cloudfront.net/assets/pub/shareaholic.js';
                    shr.type = 'text/javascript'; shr.async = 'true';
                    shr.onload = shr.onreadystatechange = function() {
                      var rs = this.readyState;
                      if (rs && rs != 'complete' && rs != 'loaded') return;
                      var apikey = 'd743dd48f48f8291399a2e5f4fcef38d';
                      try { Shareaholic.init(apikey); } catch (e) {}
                    };
                    var s = document.getElementsByTagName('script')[0];
                    s.parentNode.insertBefore(shr, s);
                  })();
                //]]>
                </script>
               	<!-- FIN Shareaholic script -->
            </div>  
              <!-- Begin zooplus Partner Program Code -->
              <div style="margin:auto; text-align:center">
                <a href="http://www.zooplus.es/shop/partner/zap257669">
                    <img src="http://www.zooplus.es/affiliate/material/zap257669" alt="Todos los animales" border="0"/>
                </a>
             </div>
			 <!-- End zooplus Partner Program Code -->	      
        </section>
       
		<div class="clear"></div>      
		<? include("pie_pagina.html"); ?>
    </body>
</html>